<template>
    <!--规则草图规范导入导出  -->
    <div class="ruleCtImport">
        <!-- 标题 -->
        <div class="title">
            <ul>
                <li class="act">规则草图规范化导入导出</li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.ruleCtImport {
    .title {
        width: 100%;
        height: 60px;
        line-height: 60px;
        background: #fff;
        border-bottom: 2px solid #707070;

        ul {
            width: 20%;
            height: 99.9%;
            display: flex;
            justify-content: space-around;

            li {
                cursor: pointer;
                padding: 0 10px;
                font-size: 20px;
                font-family: PingFang SC;
                font-weight: 500;
            }

            .act {
                color: #05acb5;
                border-bottom: 2px solid #05acb5;
            }
        }
    }

    .content {
        padding: 10px;
        box-sizing: border-box;

        .con {
            width: 100%;
            background: #fff;
            padding: 20px 15px 40px;
            box-sizing: border-box;
        }
    }
}
</style>